<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_3063387_8x9mhozfo7g.css">
</head>
<body>
  <!---------- 顶部导航 ---------->
  <div class="wrap">
    <div class="container">
      <!-------- 导航栏 -------->
     <div class="wrap-title">
      <a class="title">
        <i class="title-icon">
          <img src="https://image1.suning.cn/uimg/cms/img/157199320847433454.png" alt="">
        </i>
      </a>
      <div class="content">
        <img src="https://image1.suning.cn/uimg/cms/img/164723650602244043.gif" alt="">
      </div>
      <a class="title">
        <i class="title-icon">
          <img src="https://image1.suning.cn/uimg/cms/img/157199321817918653.png" alt="">
        </i>
      </a>
     </div>
     <!---------- 搜索栏 ---------->
     <div class="search">
      <form action="#">
        <i class="search-icon iconfont icon-sousuo1"></i>
        <input class="search-text" type="text" name="search01" placeholder="新冠检测试剂盒" >
      </form>
     </div>
    </div>
  </div>

     <!------------- 轮播图 ------------->
     <div class="banner">
       <div class="container">
         <div class="banner-img">
           <img src="https://oss.suning.com/adpp/creative_kit/material/picture/20220106-ff97535db3084a159180396987427d118ba434ab2a314120.jpg?format=_is_1242w_610h" alt="">
         </div>
       </div>
     </div>
     <div class="body">
       <div class="body-img">
         <img src="https://image1.suning.cn/uimg/cms/img/164722330799331418.gif" alt="">
       </div>
     </div>
     <div class="body-footer">
       <div class="footer-left">
        <img src="https://image1.suning.cn/uimg/cms/img/164722331420937124.jpg?from=mobile" alt="">
       </div>
       <div class="footer-right">
        <img src="https://image2.suning.cn/uimg/cms/img/164723609811251835.jpg?from=mobile" alt="">
       </div>
     </div>

     <!-------------- 商品导航条 ---------------->
     <div class="wrap-nav">
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161294178174781132.png?from=mobile" alt="">
        <span>苏宁秒杀</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161293951076282456.png?from=mobile" alt="">
        <span>苏宁超市</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image3.suning.cn/uimg/cms/img/161294179334814175.png?from=mobile" alt="">
        <span>苏宁拼购</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161293957567317395.png?from=mobile" alt="">
        <span>手机数码</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image2.suning.cn/uimg/cms/img/161293958842515136.png?from=mobile" alt="">
        <span>苏宁家电</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161293959950045622.png?from=mobile" alt="">
        <span>免费水果</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image2.suning.cn/uimg/cms/img/161293961484173843.png?from=mobile" alt="">
        <span>super会员</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image3.suning.cn/uimg/cms/img/161293963977525820.png?from=mobile" alt="">
        <span>签到有礼</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161293965567020138.png?from=mobile" alt="">
        <span>领券中心</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161293968063152286.png?from=mobile" alt="">
        <span>更多频道</span>
      </a>
    </div>
    <div class="content-img">
      <img src="https://image1.suning.cn/uimg/cms/img/164722290551381151.png?from=mobile" alt="">
    </div>
    
  </div>
</body>
</html>